iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 28
0
Mobile Development

IOS 菜菜菜鳥30天挑戰系列 第 28

IOS 菜菜菜鳥30天挑戰 Day-28 下拉式選單

  • 分享至 

  • xImage
  •  

大家有沒有試過點開選項的時候選單會往下衍生,那就是下拉式選單啦~

今天來教大家怎麼製作一個簡易下拉式選單吧~

1.首先我們拉好幾個button
https://ithelp.ithome.com.tw/upload/images/20201011/20129679RpYMMqTfI2.png

2.為了讓按鈕好分辨我把他們換成1234,然後用用stack view連起來
https://ithelp.ithome.com.tw/upload/images/20201011/20129679Gp9sRAPqRW.png

3.把所有的button加上底色以便好看到,把spacing改為0讓他們貼在一起
https://ithelp.ithome.com.tw/upload/images/20201011/20129679JIqdra4oot.png

4.為button們拉上outlet和action,1拉action,234拉同一個outlet collection和action
https://ithelp.ithome.com.tw/upload/images/20201011/20129679FFl7gcRIi6.png

5.接下來使用下列程式碼

    @IBAction func selectorOpen(_ sender: UIButton) {

            for option in numbers{
                UIView.animate(withDuration: 0.3, animations: {
                    option.isHidden = !option.isHidden
                    self.view.layoutIfNeeded()
                })
        }
    }
    @IBAction func getSelect(_ sender: UIButton) {
        let Name = sender.currentTitle ?? ""
        print(Name)
    }

6.結果如下


上一篇
IOS 菜菜菜鳥30天挑戰 Day-27 pickerview
下一篇
IOS 菜菜菜鳥30天挑戰 Day-29 本地推播
系列文
IOS 菜菜菜鳥30天挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言